﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FundDetails.aspx.cs" Inherits="FundDetails" %>
<%@ Register Assembly="am.Charts" Namespace="am.Charts" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script type="text/javascript" language="javascript">

         //获取URL后的参数
         //name:参数名
         function GetQueryString(name) {
             var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
             var r = window.location.search.substr(1).match(reg);
             if (r != null) return unescape(r[2]); return null;
         }

         function ShowOrHide(obj) {
             var td = obj;
             var div = td.getElementsByTagName('div');
             if (div[0].style.display = "none") {
                 //alert(div[0].style.display);
                 div[0].style.display = "";
             }
             else {
                 //alert(div[0].style.display);
                 div[0].style.display = "none";
             }
         }

         function CallNews() {
             var str=GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundNews?jjdm="+str+"";
             row += '<td>基金简称</td><td>新闻标题</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].基金简称 + '</td><td style= "color:Blue; cursor:pointer;width:90%" onclick="ShowOrHide(this)">' + json[i].新闻标题 + '<div style="display:none; border:1px solid; ">' + json[i].新闻正文 + '</div></td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallGK() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundOverview?jjdm="+str+"";
             //row += '<td>需拆分</td>';
             $.getJSON(url, null, function(json) {
             $.each(json, function(i) {
                 row += '<tr>';
                 row += '<td>投资目标</td><td width="85%">' + json[i].投资目标 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>投资方向</td><td>' + json[i].投资方向 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>投资理念</td><td>' + json[i].投资理念 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>投资策略</td><td>' + json[i].投资策略 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>投资基准</td><td>' + json[i].投资基准 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>选股基准</td><td>' + json[i].选股基准 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>业绩比较基准</td><td>' + json[i].业绩比较基准 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>风险收益特征</td><td>' + json[i].风险收益特征 + '</td>';
                 row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallGG() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundAnnouncement?jjdm="+str+"";
             row += '<td>基金简称</td><td>公告新闻</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].基金简称 + '</td><td style= "color:Blue; cursor:pointer;width:90%" onclick="ShowOrHide(this)">' + json[i].公告新闻 + '<div style="display:none; border:1px solid; ">' + json[i].公告正文 + '</div></td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallFH() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundDividend?jjdm="+str+"";
             row += '<td>单位分红</td><td>股权登记日</td><td>除息日</td><td>派息日</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].单位分红 + '</td><td>' + json[i].股权登记日 + '</td><td>' + json[i].除息日 + '</td><td>' + json[i].派息日 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallCF() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundSplit?jjdm="+str+"";
             row += '<td>拆分日期</td><td>拆分前净值</td><td>拆分后净值</td><td>拆分比例</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].拆分日期 + '</td><td>' + json[i].拆分前净值 + '</td><td>' + json[i].拆分后净值 + '</td><td>' + json[i].拆分比例 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallManager() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundManager?jjdm=" + str + "";
             row += '<td>姓名</td><td>到职日期</td><td>个人简历</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].姓名 + '</td><td>' + json[i].到职日期 + '</td><td width="85%">' + json[i].个人简历 + '</td>';
                     row += '</tr>';
                 });
                //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallSGSH() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundBuyAndSale?jjdm=" + str + "";
             row += '<td>申购开始日期</td><td>赎回开始日期</td><td>认购最低投资额(元)</td><td>申购最低投资额(元)</td><td>最低赎回份额</td><td>认购费率</td><td>申购费率</td><td>赎回费率</td><td>最高申购费率</td><td>最高赎回费率</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].申购开始日期 + '</td><td>' + json[i].赎回开始日期 + '</td><td>' + json[i].认购最低投资额_元 + '</td><td>' + json[i].申购最低投资额_元 + '</td><td>' + json[i].最低赎回份额 + '</td><td>' + json[i].认购费率 + '</td><td>' + json[i].申购费率 + '</td><td>' + json[i].赎回费率 + '</td><td>' + json[i].最高申购费率 + '</td><td>' + json[i].最高赎回费率 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallHYPZ() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundIndustryConfig?jjdm=" + str + "";
             row += '<td>行业简称</td><td>市值</td><td>占净值比例</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].行业简称 + '</td><td>' + json[i].市值 + '</td><td>' + json[i].占净值比例 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallZCCG() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundHoldStock?jjdm=" + str + "";
             row += '<td>股票简称</td><td>股票代码</td><td>持股数量(万股)</td><td>持股市值(万元)</td><td>占净值比例</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].股票简称 + '</td><td>' + json[i].股票代码 + '</td><td>' + json[i].持股数量_万股 + '</td><td>' + json[i].持股市值_万元 + '</td><td>' + json[i].占净值比例 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallJCCG() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundCrossStock?jjdm=" + str + "";
             row += '<td>股票简称</td><td>股票代码</td><td>持股数量(万股)</td><td>持股市值(万元)</td><td>占净值比例</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].股票简称 + '</td><td>' + json[i].股票代码 + '</td><td>' + json[i].持股数量_万股 + '</td><td>' + json[i].持股市值_万元 + '</td><td>' + json[i].占净值比例 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallFundCompany() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundCompany?jjdm=" + str + "";
             //row += '<td>股票简称</td><td>股票代码</td><td>持股数量(万股)</td><td>持股市值(万元)</td><td>占净值比例</td>';
             $.getJSON(url, null, function(json) {
             $.each(json, function(i) {
                 row += '<tr>';
                 row += '<td>法定名称：</td><td>' + json[i].法定名称 + '</td><td>英文名称：</td><td>' + json[i].英文名称 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>组织形式：</td><td>' + json[i].国有控股 + '</td><td>公司属性：</td><td>' + json[i].公司属性 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>成立日期：</td><td>' + json[i].成立日期 + '</td><td>注册资本：</td><td>' + json[i].注册资本 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>法人代表：</td><td>' + json[i].法人代表 + '</td><td>总经理：</td><td>' + json[i].总经理 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>办公地址：</td><td colspan="3">' + json[i].办公地址 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>网站地址：</td><td colspan="3">' + json[i].网站地址 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>邮政编码：</td><td colspan="3">' + json[i].邮政编码 + '</td>';
                 row += '</tr>';
                 row += '<tr>';
                 row += '<td>传真号码：</td><td>' + json[i].传真号码 + '</td><td>经营范围：</td><td>' + json[i].经营范围 + '</td>';
                 row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallFundScale() {
             var str = GetQueryString('jjdm');
             $("#content").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundScale?jjdm=" + str + "";
             //row += '<td>时间</td><td>股票代码</td><td>持股数量(万股)</td><td>持股市值(万元)</td><td>占净值比例</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>时间</td><td>' + json[i].时间 + '</td><td>份额</td><td>' + json[i].份额 + '</td><td>金额</td><td>' + json[i].金额 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content').html(row);
             }
            );
         }

         function CallTQFX() {
             var str = GetQueryString('jjdm');
             $("#content2").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundSamilerDate?jjdm=" + str + "";
             row += '<td>代码</td><td>基金简称</td><td>单位净值</td><td>累计净值</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].代码 + '</td><td>' + json[i].基金简称 + '</td><td>' + json[i].单位净值 + '</td><td>' + json[i].累计净值 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content2').html(row);
             }
            );
         }

         function CallSamilerType() {
             var str = GetQueryString('jjdm');
             $("#content2").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundSamilerType?jjdm=" + str + "";
             row += '<td>代码</td><td>基金简称</td><td>单位净值</td><td>累计净值</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].代码 + '</td><td>' + json[i].基金简称 + '</td><td>' + json[i].单位净值 + '</td><td>' + json[i].累计净值 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content2').html(row);
             }
            );
         }

         function CallSamilerCompany() {
             var str = GetQueryString('jjdm');
             $("#content2").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundSamilerCompany?jjdm=" + str + "";
             row += '<td>代码</td><td>基金简称</td><td>单位净值</td><td>累计净值</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].代码 + '</td><td>' + json[i].基金简称 + '</td><td>' + json[i].单位净值 + '</td><td>' + json[i].累计净值 + '</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content2').html(row);
             }
            );
         }

         function CallDWJZlist() {
             var str = GetQueryString('jjdm');
             $("#content2").html("");

             var row = '<table>';
             var url = "http://localhost:9162/FundMarketService.svc/GetFundDWJZList?jjdm=" + str + "";
             row += '<td>日期</td><td>单位净值</td><td>累计净值</td><td>日涨跌</td><td>日涨幅</td>';
             $.getJSON(url, null, function(json) {
                 $.each(json, function(i) {
                     row += '<tr>';
                     row += '<td>' + json[i].日期 + '</td><td>' + json[i].净值 + '</td><td>' + json[i].累计净值 + '</td><td>' + json[i].日涨跌 + '</td><td>' + formatFloat(json[i].日涨幅, 2) + '%</td>';
                     row += '</tr>';
                 });
                 //alert('');
                 row += '</table>';
                 $('#content2').html(row);
             }
            );
         }

         function formatFloat(src, pos) {
             return Math.round(src * Math.pow(10, pos)) / Math.pow(10, pos);
         }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <script src="Script/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

   <%-- <script src="Script/jquery.listnav-2.0.js" type="text/javascript"></script>--%>

    <table>
    <tr>
        <td>
            <cc1:LineChart runat="server" ID="LineChart1"></cc1:LineChart>
        </td>
        <td rowspan="2" valign="bottom"> 
        <%--....基金基础信息....--%>
        <table width="100%" border="0" cellpadding="0" cellspacing="0" style="height:100%">
            <tr valign="top">
                <td><div id='content2'style="width:280px;height:450px; overflow:scroll; border:1px solid; font-size:small; text-align:center"></div></td>
            </tr>
            <tr valign="bottom">
                <td> <input id='SamilerDate' value='同期发行' type="button" onclick="CallTQFX()" />
            <input id='SamilerType' value='同类型' type="button" onclick="CallSamilerType()" />
            <input id='SamilerCompany' value='同公司' type="button" onclick="CallSamilerCompany()" />
            <input id='DWJZ_List' value='净值列表' type="button" onclick="CallDWJZlist()" /></td>
            </tr>
        </table>
        </td>        
    </tr>
    <tr>
        <td>
                <div id='content' style="width:875px;height:120px; overflow:scroll; border:1px solid; font-size:small;"></div>

            
            <input id='gonggao' value='公告' type="button" onclick="CallGG()" />
            <input id='FundGaiKuang' value='新闻' type="button" onclick="CallNews()"  />
            <input id='Button1' value='基金概况' type="button" onclick="CallGK()" />
            <input id='FundFenHong' value='基金分红' type="button" onclick="CallFH()" />
            <input id='FundSplit' value='基金拆分' type="button"  onclick="CallCF()"/>
            <input id='FundManager' value='基金经理' type="button"  onclick="CallManager()"/>
            <input id='BuyAndSale' value='申购赎回' type="button"  onclick="CallSGSH()"/>
            <input id='HangYePeiZhi' value='行业配置' type="button" onclick="CallHYPZ()" />
            <input id='ZhongCangChiGu' value='重仓持股' type="button" onclick="CallZCCG()" />
            <input id='JiaoChaChiGu' value='交叉持股' type="button" onclick="CallJCCG()" />
            <input id='FundCompany' value='基金公司' type="button" onclick="CallFundCompany()" />
            <input id='FundGuiMo' value='基金规模' type="button" onclick="CallFundScale()" />

        </td>
        <td>
            
        </td>
    </tr>
    </table>
    <div>
    
    </div>
    </form>
</body>
</html>
